@font-face {
    font-family: 'sybold';
    src: url('../font/SourceHanSansCN-Bold.otf') format('opentype')
}
@font-face {
    font-family: 'sylight';
    src: url('../font/SourceHanSansCN-Light.otf') format('opentype')
}
@font-face {
    font-family: 'symedium';
    src: url('../font/SourceHanSansCN-Medium.otf') format('opentype')
}
@font-face {
    font-family: 'synormal';
    src: url('../font/SourceHanSansCN-Normal.otf') format('opentype')
}
@font-face {
    font-family: 'syregular';
    src: url('../font/SourceHanSansCN-Regular.otf') format('opentype')
}

body{font-family:"synormal";color: #999;font-size: 14px;line-height: 24px;background: #fff;opacity: 0;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
.fl{float: left;}.fr{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.fb{font-weight: bolder;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none;color: #666;}
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
label{font-weight: normal;}
a:focus {outline:none;outline-offset:0;}
img{max-width: 100%;}
.img img{width: 100%;transition: 0.7s transform;}
.slick-slide{outline: none!important;}
.wrapper{overflow: hidden;position: relative;}
.holder{width:100%;padding: 0 4.166%;}



/*头部*/
#header{width: 100%;height:auto;background:#fff;border-bottom: 1px solid #dfe2f0;}
#header .holder{display: flex;align-items: center;justify-content: space-between;}
#header .logo{width:343px;height: auto;}
.mol_navbutton.img{width: 60px;height: 46px;padding: 10px 0 0 26px;}
#header .nav_box{width: 700px;margin-left: 7%;height: auto;display: flex;justify-content: space-between;}
.nav_box .yiji .one{display:block;width: 100%;height: 94px;line-height: 94px;text-align: center;font-size:26px;color: #000000;transition: 300ms;}
.nav_box .yiji:hover .one{color: #ef0705;transition: 300ms;}
.tells{width: 345px;height: 95px;line-height: 90px;font-size: 24px;font-family:'sybold';color: #231815;text-align: center;
padding-right: 50px;background: url(../images/haoma.jpg) center bottom no-repeat;background-size: 100% auto;}

/*首页大图*/
.slick-dotted.slick-slider{margin-bottom: 0;}
#banner{position: relative;}
#banner img{width: 100%;}
#banner .slick-slide{overflow: hidden;}
.slick-dots button{display: none;}
.slick-dots li button:before{display: none;}
.slick-arrow:before{display: none;}
#banner .slick-dots{bottom:22px;}
#banner .slick-dots li{width:26px;height:26px;border-radius: 50%;margin: 0 16px;background:#fff;transition: 300ms;}
#banner .slick-dots li.slick-active{background: #ef0705;transition: 300ms;}
/*内容*/
.content2{background: #000;}
.content2 .img{width: 59.84%;margin: 0 auto;}
.incase .caselist{padding-top:4.166%;}
.caselist{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap; }
.caselist li{width: 47.78%;}
.aboutul .caselist li{padding-bottom: 3%;}
.caselist li a{display: block;width: 100%;height: auto;}
.caselist li dl{padding: 2% 0;}
.caselist li dt{font-size: 35px;color: #000;line-height: 1.6;font-family:"sybold";}
.caselist li dd{font-size: 33px;color: #000;line-height: 1.6;font-family:"symedium";}
.allmore{font-size: 34px;color: #ef0705;margin: 30px 0 50px;display: block;width: 184px;height: 40px;line-height: 40px;font-family:"symedium";}
.allmore:hover{color: #ef0705;}
.newbox a{display:flex;width: 100%;height: auto;padding: 10px 0;}
.newbox a .img{width:47.78%;}
.newbox a dl{width:47.78%;margin-left: 4.4%;color: #000;position: relative;}
.newbox a dl p{font-size: 27px;}
.newbox a dl dt{font-size: 56px;margin: 6% 0 8px;font-family:"sybold";}
.newbox a dl dd{font-size: 33px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.newbox a dl .nmore{width: 31px;height: auto;/*position: absolute;bottom: 18%;*/margin-top: 5%;}

.footer{background: #ef0705;}
.backtop{width:66px;height: 35px;position: absolute;top: -6%;right: 5%;z-index: 2;cursor: pointer; }
.footer .holder{display: flex;justify-content: space-between;}
.foot_l{width: 67.89%;position: relative;}
.foot_l .footl_b{position: absolute;bottom: 0;left: 0;}
.footl_b .img{width: 21.42%;min-width: 256px;}
.footl_b .alink{font-size: 26px;color: #fff;margin-top: 12px;}
.footl_b .alink a{color: #fff;font-size: 26px;margin: 0 3px;}
.footl_b .alink a:hover{color: #fff;}

.foot_r{width: 26.65%;}
.ftact{color: #fff;line-height: 1.7}
.ftact .p1{font-size: 32px;}
.ftact .p2{font-size: 41px;font-family:"symedium";}
.ftact .p3{font-size: 32px;}
.ftact .line{width: 28px;height: 4px;background: #fff;margin: 10% 0 16%;}
.ewmbox{display: flex;justify-content: space-between;}
.ewmbox .img{width: 45.62%;font-size: 32px;color: #fff;line-height: 1.7}
.ewmbox .img img{margin-top: 10px;border-radius:12px;}
.footcopy{padding:0 0 2% 0;background: #ef0705;font-size: 14px;color: #fff;}
.footcopy a,.footcopy a:hover{color: #fff;}
/*案例*/
.content3 p{font-size: 70px;color: #000;line-height: 1.3;letter-spacing: 3px;padding: 4% 0 3%;}

.content5{margin-top: 2%;}
.alltitle{width: 100%;color: #fff;font-size: 33px;top: 64px;}
.alltitle span{display: block;width: 30px;height: 4px;background: #fff;margin-top: 38px;}
.content6 p{padding: 64px 0;color: #000;font-size: 46px;line-height: 1.5;font-family:"symedium";}
.content8{padding: 64px 0;}
.content8 .alltitle{color: #000;font-family:"symedium";}
.content8 .alltitle span{background: #000;}

.aylist{width: 842px;margin: 4% 0;}
.aylist li{width: 100%;padding: 22px 0;border-top: 1px dashed #000;}
.aylist li .ask{width: 100%;font-size: 33px;color: #ef0705;font-weight: bold;line-height: 1.6;margin-bottom: 14px;}
.aylist li .anc{font-size: 33px;color: #000;line-height: 1.6;}

/*我们*/
.about_kh{padding: 4.1% 0;background: #000;}
.about_kh .holder{display: flex;justify-content: space-between;}
.about_kh .kh_left{width: 19.82%;position: relative;}
.about_kh .kh_left .img{width: 100%;position: absolute;bottom: 0;left: 0;}
.about_kh .kh_right{width: 67.38%;height: auto;overflow: hidden;}
.kh_right a{display: block;width: 33.3%;float: left;font-size: 25px;line-height: 1.5;color: #fff;margin-bottom: 22px;}
.kh_right a:hover{color: #fff;}
.aboutul{padding: 4% 0 0;}
.aboutul .alltitle{color: #000;font-family:"sybold";}
.aboutul .alltitle span{background: #000;}
.caselist{padding: 2% 0;}
.caselist li dl .zw{font-size: 33px;color: #000;line-height: 1.4;font-family:"symedium";}
.caselist li dd.abwho{font-size: 26px;margin-top: 12px;font-family: 'synormal'}
.ourwh{padding:3% 0;}
.ourwh_box{width: 100%;display: flex;margin-top: 5%;}
.ourwh_box .wh_l{width: 38.06%;color: #000;font-size: 34px;line-height: 1.8;}
.ourwh_box .wh_l span{color: #ef0705;}
.ourwh_box .wh_r{width: 61%;margin-top: 7px;}

.newlist li{padding: 2% 0 4%;}
.newlist li.newbox a{padding: 0;}
.newlist li.newbox a dl p{padding: 0;}

.contact1{background: #f2f2f2;padding: 4.1% 0 3%;margin-top: 2%;}
.contact1 .holder{height: auto;overflow: hidden;}
.contact1 .tact_l{width:470px;float: left; }
.contact1 .tact_l .ftact{color: #000;line-height: 1.6;}
.contact1 .tact_l .ftact .line{background: #000;margin: 20px 0 38px;}
.contact1 .tact_l .ftact .p4{font-size: 32px;margin-top: 1.5%;font-family:"symedium";}
.contact1 .tact_l .ewmbox{padding-top: 8%;}
.contact1 .tact_l .ewmbox .img{color: #000;width: 44%;}
.contact1 .tact_r{width: 29.375%;float: right;}

.contact2{padding: 4.1% 0;background: #000;}
.contact2 p{font-size: 33px;color: #fff;line-height: 1.6;padding:2.6% 0 0;}
.contact2 ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact2 ul li{width: 48.3%;padding: 4.2% 0;border-bottom: 1px solid #c0c0c0;}
.contact2 ul li a{display: block;}
.contact2 ul li .jobs{font-size:35px;color:#ef0705;line-height: 1.6;font-family:"symedium";}
.contact2 ul li .seemore{font-size: 26px;color: #fff;line-height: 1.6;}
.jobdec{display: none; width: 100%;font-size: 20px;line-height: 1.6;color: #fff;padding-top: 20px;}

.dectil_box{padding: 4% 18.43%;}
.dectil_box .time{font-size: 27px;margin-top: 70px;color: #000;}
.dectil_box .dectitle{color: #000;font-size: 64px;line-height: 1.2;font-family: "sybold";font-weight: bold;padding: 2% 0;}
.dectil{font-size: 32px;line-height: 1.7;color: #000;}




/*图片经过放大*/
.img{transition: 300ms;overflow: hidden;}
.imgbig:hover img{transition: 0.7s transform;-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
/*页码*/
.pagebox{width: 100%;height: auto;padding: 5% 0 4%;}
.pagebox a{display:inline-block;width: 34px;height: 34px;line-height: 34px;font-size: 18px;color: #fff;background: #ef0705;margin-right: 22px;text-align: center;}

/*文章上下篇*/
.choses{padding: 8% 0 0;display: flex;align-items: center;justify-content: space-between;}
.choses a{display: inline-block;width: auto;height: auto;}

/*panle导航开始*/
.left_nav{width:100%;height:100%;padding: 8%;z-index:7;background: #000;position: fixed;top:0; right:-100%;z-index: 99;transition: 300ms;}
.left_nav.left_nav_show{right: 0;transition: 300ms;}
.navtop{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.navtop .logo2{width: 20.446%;}
.navtop .close_lnav{width: 40px;height: 40px;line-height: 34px;text-align: right;font-size: 44px;color: #fff;cursor: pointer;font-weight: lighter;}
.left_nav .nnav{width:100%;height: auto;overflow-y:auto;padding-top: 20%;}
.left_nav .nnav li{width: 100%;height: auto;overflow: hidden;}
.left_nav .nnav li .ce{display: block;width: 100%;color: #fff;font-size: 20px;height:56px;line-height:56px;text-align: center;}
.tell2{width: 70%;height:auto;margin: 14% auto 0;}
/*panle导航结束*/
@media(max-width: 1900px){
  #header .nav_box{width: 36.45%;}
  #banner .slick-dots li{width: 20px;height: 20px;margin: 0 13px;}
  .caselist li dt,.allmore,.caselist li dl .zw{font-size: 32px;}
  .caselist li dd,.newbox a dl dd,.ftact .p1,.ftact .p3,.ewmbox .img{font-size: 30px;}
  .newbox a dl dt{font-size: 50px;}
  .ftact .p2{font-size: 38px;}
  .footl_b .alink a,.footl_b .alink{font-size: 24px;}
  .content3 p{font-size: 64px;}
  .content6 p{font-size: 40px;}
  .aylist li .ask,.aylist li .anc{font-size: 32px;}
  .kh_right a,.caselist li dd.abwho{font-size: 24px;}
  .ourwh_box .wh_l{font-size: 30px;}
  .contact1 .tact_l .ftact .line{margin: 18px 0 30px;}
  .dectil_box .dectitle{font-size: 60px;}

    
}
@media(max-width: 1600px){
  #header .logo{width: 294px;}
  .tells{width: 304px;height: 90px;line-height: 86px;}
  .nav_box .yiji .one{height: 90px;line-height: 90px;font-size: 22px;}
  #banner .slick-dots li{width: 18px;height: 18px;margin: 0 11px;}
  .caselist li dt,.allmore,.caselist li dl .zw{font-size: 30px;}
  .caselist li dd, .newbox a dl dd, .ftact .p1, .ftact .p3, .ewmbox .img {
    font-size: 28px;
  }
  .newbox a dl p{font-size: 24px;}
  .newbox a dl dt{font-size: 42px;}
  .newbox a dl .nmore{width: 25px;}
  .backtop{width: 48px;}
  .ftact .p2{font-size: 36px;}
  .footl_b .alink a,.footl_b .alink{font-size: 22px;}
  .footl_b .img{min-width: 230px;}
  .content3 p{font-size: 58px;}
  .content6 p{font-size: 34px;}
  .aylist li .ask, .aylist li .anc {font-size: 28px;}
  .kh_right a, .caselist li dd.abwho{font-size: 20px;}
  .ourwh_box .wh_l{font-size: 26px;}
  .contact1 .tact_l{width: 382px;}
  .contact1 .tact_l .ftact .p4{font-size: 28px;}
  .contact2 p,.contact2 ul li .jobs{font-size: 30px;}
  .contact2 ul li .seemore{font-size: 22px;}
  .dectil_box{padding: 4% 15.43%;}
  .dectil_box .dectitle{font-size: 58px;}

}

@media(max-width: 1420px){
	#header .nav_box{margin-left: 3%;}
  .caselist li dt,.allmore{font-size: 28px;}
  .caselist li dd, .newbox a dl dd, .ftact .p1, .ftact .p3, .ewmbox .img {
      font-size: 26px;
  }
  .newbox a dl dt{font-size: 38px;margin: 4% 0 6px;}
  .foot_l{width: 65%;}
  .foot_r{width: 29%;}
  .footl_b .alink a,.footl_b .alink{font-size: 20px;}
  .content3 p{font-size: 48px;}
  .pagebox a{width: 30px;height: 30px;line-height: 30px;font-size: 16px;margin-right: 16px;}
  .aylist{width: 640px;}
  .content6 p{font-size: 26px;}
  .aylist li .ask, .aylist li .anc {font-size: 22px;}
  .ourwh_box .wh_l{font-size: 22px;}
  .contact1 .tact_l{width: 340px;}
  .contact1 .tact_l .ftact .p4{font-size: 26px;}
  .contact2 p, .contact2 ul li .jobs {font-size: 28px;}
  .contact2 ul li .seemore{font-size: 20px;}
  .jobdec{font-size: 18px;}
  .dectil_box .dectitle{font-size: 50px;}
  .dectil{font-size: 28px;}

}
@media (max-width: 1240px){
  #header .logo{width: 256px;}
  .tells{width: 270px;line-height: 99px;font-size: 20px;}
  #header .nav_box{width: 34.5%;}
  .nav_box .yiji .one{font-size: 20px;}
  #banner .slick-dots li{width: 15px;height: 15px;}
  .caselist li dl{padding: 3% 0;}
  .caselist li dt, .allmore{font-size: 24px;}
  .caselist li dd, .newbox a dl dd, .ftact .p1, .ftact .p3, .ewmbox .img {font-size: 22px;}
  .newbox a dl dt{font-size: 34px;}
	.newbox a dl .nmore{width: 20px;/*bottom: 10%;*/}
  .backtop{width: 38px;}
  .footl_b .img{min-width: 206px;}
  .footl_b .alink a,.footl_b .alink{font-size: 16px;}
  .ftact .p2{font-size: 30px;}
  .kh_right a{font-size: 16px;margin-bottom: 18px;}
  .caselist li dl .zw{font-size: 24px;}
  .caselist li dd.abwho,.ourwh_box .wh_l{font-size: 18px;}
  .alltitle{font-size: 30px;}
  .alltitle span{margin-top: 30px;}
  .contact1 .tact_l .ftact .p4 {font-size: 22px;}
  .contact1 .tact_l{width: 300px;}
  .contact1 .tact_r{width: 35%;}
  .contact2 p, .contact2 ul li .jobs {font-size: 26px;}
  .contact2 ul li .seemore {font-size: 18px;}
  .jobdec{font-size: 16px;}
  .dectil_box .time,.dectil{font-size: 24px;}
  .dectil_box .dectitle {font-size: 40px;}
  .choses a{width: 23px;}
  .choses a:nth-child(2){width: 34px;}

  

}
@media (max-width: 991px){
  .tells{display: none;}
  #header .nav_box{width: 45.5%;}
  .caselist li dt,.allmore,.caselist li dl .zw{font-size: 20px;}
  .caselist li dd,.newbox a dl dd,.ftact .p1,.ftact .p3,.ewmbox .img{font-size: 18px;}
  .newbox a dl p{font-size: 20px;}
  .newbox a dl dt{font-size: 26px;}
  .newbox a dl .nmore{width: 16px;bottom: 0;}
  .footl_b .img{min-width: 188px;}
  .content3 p{font-size: 40px;}
  .pagebox{padding: 7% 0 13%;}
  .pagebox a{width: 26px;height: 26px;line-height: 26px;font-size: 14px;margin-right: 12px;}
  .alltitle{top: 46px;font-size: 28px;}
  .content6 p{font-size: 22px;padding: 50px 0;}
  .about_kh .kh_left{width: 21%;}
  .caselist li dd.abwho, .ourwh_box .wh_l {font-size: 16px;}
  .contact2 p, .contact2 ul li .jobs{font-size: 22px;}
  .contact2 ul li .seemore{font-size: 16px;}
  .jobdec{font-size: 14px;}
  .dectil_box .dectitle{font-size: 31px;line-height: 1.5}
  .dectil_box .time{margin-top: 40px;}
  .dectil_box .time, .dectil{font-size: 20px;}

}
@media (max-width: 768px){
  .holder{padding: 0 8.166%;}
  #header .logo{width: 43%;}
  #banner .slick-dots{bottom: 16px;}
  #banner .slick-dots li{width: 12px;height: 12px;margin: 0 9px;}
  .content2{padding: 13% 0;}
  .content2 .img{width: 95%;}
  .caselist{padding-top: 9%;}
  .caselist li{width: 100%;}
  .caselist li dt, .allmore,.caselist li dl .zw{font-size: 16px;}
  .caselist li dd, .newbox a dl dd, .ftact .p1, .ftact .p3, .ewmbox .img {font-size: 14px;}
  .allmore{width: 100px;height: 34px;line-height: 34px;margin: 18px 0 4px;}
  .newbox a{display: block;}
  .newbox a .img{width: 100%;}
  .newbox a dl{width: 100%;margin-left: 0;margin-top: 16px;}
  .newbox a dl p{font-size: 16px;}
  .newbox a dl dt{font-size: 22px;}
  .newbox a dl .nmore{position: relative;width: 13px;margin-top: 7%;}
  .backtop{width: 30px;top: -34px;}
  /*.footer{padding: 14% 0;}*/
  .footer .holder{display: block;}
  .foot_l{width: 100%;}
  .foot_r{width: 100%;display: flex;margin-top: 18%;justify-content: space-between;}
  .foot_r .footr_m{width: 190px;}
  .ftact .p2{font-size: 20px;}
  .ftact .line{width: 18px;height: 2px;}
  .foot_r .ewmbox{width: 100px;display: block;}
  .ewmbox .img{width: 100%;}
  .ewmbox .img:nth-child(1){margin-bottom: 16px;}
  .ewmbox .img img{margin-top: 6px;}
  .footl_b .img{min-width: 150px;}
  .footl_b .alink{margin-top: 8px;}
  .footl_b .alink a,.footl_b .alink{font-size: 14px;}
  .content3 p{font-size: 28px;padding: 10% 0 11%;}
  .pagebox a{width: 22px;height: 22px;line-height: 22px;margin-right: 10px;}
  .alltitle{top: 30px;font-size: 20px;}
  .alltitle span{width: 20px;height: 2px;margin-top: 22px;}
  .content6 p{font-size: 20px;padding: 35px 0;}
  .content8{padding: 30px 0;}
  .aylist{width: 100%;margin: 7% 0 5%;}
  .aylist li .ask,.aylist li .anc{font-size: 15px;}
  .aylist li .ask{margin-bottom: 10px;}
  .about_kh{padding: 8% 0;}
  .about_kh .holder{display: block;}
  .about_kh .kh_left{width: 100%;display: flex;}
  .about_kh .kh_left .img{position: relative;width: 70%;}
  .about_kh .kh_right{width: 100%;margin-top: 30px;}
  .kh_right a{width: 50%;font-size: 14px;margin-bottom: 14px;}
  .aboutul{padding: 8% 0 0;}
  .caselist li dd.abwho {font-size: 14px;margin-top: 8px;}
  .ourwh{background: #f2f2f2;}
  .ourwh_box{display: block;}
  .ourwh_box .wh_l{width: 100%;margin-bottom: 18px;}
  .contact1 .tact_l .ftact .p4 {font-size: 17px;}
  .contact1 .tact_l{width: 100%;display: flex;}
  .contact1 .tact_l .footr_m{flex:1;padding-right: 9%;}
  .contact1 .tact_r{width: 100%;margin-bottom: 15px;}
  .contact1 .tact_l .ewmbox{display: block;padding-top: 0;width: 90px;}
  .contact1 .tact_l .ewmbox .img{width: 100%;}
  .contact2{padding: 8% 0;}
  .contact2 p, .contact2 ul li .jobs {font-size: 16px;}
  .contact2 p{padding-top: 20px;}
  .contact2 ul li{width: 100%;padding: 8% 0;}
  .contact2 ul li .seemore {font-size: 14px;}
  .dectil_box{padding: 4% 8.166%;}
  .dectil{font-size: 14px;}
  .dectil_box .time{margin-top: 24px;font-size: 16px;}
  .dectil_box .dectitle{font-size: 20px;}
  .choses{padding: 9% 0 12%;}
  .choses a{width: 14px;}
  .choses a:nth-child(2){width: 24px;}



}
@media (max-width: 500px){
	

}
@media (max-width: 376px){
	
}